import React, { Component } from 'react';
import busShopService from '@/services/busShop';
import router from 'umi';
import { Button, Col, Form, Input, message, Modal, Row, Icon } from 'antd';
import { LZFormItem } from "@/components/LZForm";

export default class Mods extends Component {
  state = {
    data: {},
    signOpened: false
  };

  componentDidMount() {
    this.selectBusShopInfo();
  }

  selectBusShopInfo = () => {
    busShopService.getShopContractData().then(res => {
      this.setState({
        data: res,
      });
    });
  };
  onGo = () => {
    busShopService.signShopContract().then(res => {
      if (res) {
        // message.success('签署成功');
        // this.props.history.goBack();
        this.setState({
          signOpened: true
        })
      }
    });
  };

  hideModal = () => {
    this.props.history.goBack();
  }

  render() {
    const fontW = {
      fontWeight: 700,
    };
    const paddingRig = {
      textIndent: '2em',
      fontWeight: 700,
    };
    const paddingRi = {
      textIndent: '2em',
    };
    const { data } = this.state;
    return (
      <div>
        <div style={{ textAlign: 'center' }}>
          <h1>方便租与{data.name}</h1>
          <h1>关于开展手机租赁业务合作协议</h1>
        </div>
        <div style={{ textAlign: 'left' }}>
          <h3>本协议由以下双方在江苏南京签署：</h3>
        </div>
        <p style={{ height: '10px' }}></p>
        <p>甲 方：南京一程飞灿网络科技有限公司（方便租）（以下简称甲方）</p>
        <p>营业执照注册号：91320191MAC54JHT2U</p>
        <p>法定代表人：章世梅</p>
        <p>地 址：南京市江北新区智能制造产业园(智合园)科创大道9号A2栋205-42室</p>
        <p>联系电话：章世梅</p>
        <p>联系电话：18501400620</p>
        <p style={{ height: '10px' }}></p>
        <p>乙方：{data.name}（以下简称乙方）</p>
        <p> 营业执照注册号：{data.businessLicenseNo}</p>
        <p>联系人：{data.contactName}</p>
        <p>联系电话：{data.contactTelephone}</p>
        <p style={{ height: '10px' }}></p>
        <p>
          1.甲方：方便租(www.gulkh.top/business)是国内领先的为企业和个人提供一站式设备信用免押租赁互联网平台，覆盖办公设备、数码3C、家居家电等行业。为个人、企业和家庭提供租赁、以租代购全新体验消费方式，是新租赁经济领跑者。
        </p>
        <p>
          2.乙方：{data.name}
        </p>
        <p style={paddingRig}>现本着平等互利原则，达成如下长期合作协议内容，供双方共同遵照执行。</p>
        <p style={{ height: '10px' }}></p>
        <h3>第一条 总则</h3>
        <p style={paddingRi}>
          甲、乙双方经友好协商，本着诚信、平等、自愿、互惠互利的原则，双方发挥自身资源优势，共同开展线上线下结合的 手机
          租赁业务，为推动双方共同事业的繁荣和发展并根据中华人民共和国有关法律、法规的规定签订本协议，由双方共同遵守。
        </p>
        <h3>第二条 合作内容</h3>
        <p style={paddingRi}>1、甲乙双方在资源共享和共赢的基础上进行合作。</p>
        <p style={paddingRi}>
          2、通过方便租平台(www.gulkh.top/business)以及相关新租赁线上线下渠道在全国范围内进行手机租赁业务合作。
        </p>
        <p style={paddingRi}>
          3、合作期限自{data.start}起{data.end}止。
        </p>
        <h3>第三条 双方权利义务</h3>
        <p style={paddingRi}>3.1 甲方的权利与义务</p>
        <p style={paddingRi}>3.1.1 按约定比例获得租金分成，提供交易管理后台以及风控策略建议。</p>
        <p style={paddingRi}>
          3.1.2 根据乙方提供的产品资料设计租赁方案，上架产品，上线相应端口，展示产品。
        </p>
        <p style={paddingRi}>
          3.1.3 上线产品型号、租金、押金、租期等等租赁关键要素的建议权。
        </p>
        <p style={paddingRi}>3.1.4
          对于大额订单需要乙方业务员跟进的，甲方明确设备型号、数量、价格、配送时间、软件需求、客户信息后告知乙方,乙方安排业务人员跟进。</p>
        <p style={paddingRi}>
          3.1.5租户订单通过甲方风控体系后，按照相应的样式将租户订单审核信息及时发送给乙方。
        </p>
        <p style={paddingRi}>
          3.1.6 若乙方未能向租户提供质量保证和租后服务保障，或乙方设备存在严重缺陷导致租户投诉，视为乙方违约，甲方有权立即终止合作。
        </p>
        <p style={paddingRi}>3.1.7
          乙方承诺以礼貌言语对待每一个租户和甲方平台客服的介入，乙方因服务态度恶劣被投诉或不配合甲方平台客服介入，按甲方平台运营规则执行短期下架整改，情节严重者则永久关闭乙方店铺服务资格。
        </p>
        <p style={paddingRi}>3.1.8 乙方需在产品上架时检查自身产品描述，
          不得出现欺骗租户或损害消费者权益的描述，凡被投诉存在欺骗行为，并经平台查实的，视为乙方违约，按甲方平年运营规则立刻执行下架产品或永久关闭乙方店铺服务资格。</p>
        <p style={paddingRi}>
          3.1.9平台在政府相关部门需要调取商家店铺资料的时候，，平台可以不用经过商家，即可直接提供相关资料。
        </p>
        <p style={paddingRi}>3.2 乙方的权利与义务</p>
        <p style={paddingRi}>3.2.1
          按约定的比例获得租金收入，拥有出租设备所有权和残值处理权。保证租户收到设备后能正常使用；在租赁期间，所租设备自然损坏均由乙方负责维修或者更换处理。</p>
        <p style={paddingRi}>
          3.2.2
          乙方在使用甲方服务过程程，须保证遵守甲方（包括商家后台运营规则、书面通知、邮件通知、甲方不时公布的规则等方式）的服务规则。乙方须保证其提供销售或租赁的商品服务与实际描述情况一致，否则所造成的后果由乙方自行承担。甲方有权提前中止或终止双方已签署的全部或部分合同。给甲方造成损失（包括但不限于经济损失、商誉损失、向第三方的赔偿、行政处罚）的，乙方应向甲方承担全部赔偿责任。
        </p>
        <p style={paddingRi}>3.2.3 负责设备发货以及售后问题，租赁期满后负责回收设备和残值处置等。</p>
        <p style={paddingRi}>
          3.2.4 在租户咨询过程中，协助甲方工作人员回答租户相关技术和产品问题。
        </p>
        <p style={paddingRi}>
          3.2.5 乙方有权利对甲方的业务推广过程中进行检查和监督。如果甲方有不符合本协议规定的行为，乙方有权终止合作。
        </p>
        <p style={paddingRi}>
          3.2.6 乙方负责向租户开具增值税普通发票／增值税专用发票（默认租金不含税，乙方须在方案注明是否含税）。乙方须依法办理税务登记，依法申报纳税。
        </p>
        <p style={paddingRi}>
          3.2.7 乙方向甲方提供设备租赁价格及配置，价格调整时须及时告知甲方。
        </p>
        <p style={paddingRi}>
          3.2.8 乙方需保证供应量，库存缺货的需提前3天通知甲方。
        </p>
        <p style={paddingRi}>
          3.2.9 乙方在平台开展手机租赁业务设置买断价格不得高于官网价格130%。
        </p>
        <p style={paddingRi}>
          3.2.10 乙方必须保证所出租的产品来源合法和质量保证，不得出售假冒伪劣产品以次充好，不存在侵犯第三方权益的行为，包括不限于专利、品牌、图片、
          文字、影音等。乙方在平台的经营行为不得违反《消费者权益保护法》、
          《产品质量法》等相关国家法律法规。
        </p>
        <p style={paddingRi}>
          3.3.11 乙方应妥善保管好在甲方平台注册的系统账号和密码，并采取相关保护措施避免账号被更改或盗用，通过改系统账号操作或从事的所有行为均视为乙方行为，乙方需为此行为所产生的法律后果承担对应责任。
        </p>
        <h3>第四条 合作佣金</h3>
        <p style={paddingRi}>
          4.1 甲方获得订单租金收入的8%(含续租），乙方获得订单租金收入的92%（含续租）。
        </p>
        <p style={paddingRi}>
          4.2
          租户所支付的租金由甲方代收，租金在订单确认收货后7个自然日（节假日则顺延），甲方结算给乙方；后续租金在扣款成功后3个自然日（节假日则顺延），甲方结算给乙方。如存在逾期结算，在收到乙方书面通知后应在7日内完成结算，否则乙方有权向甲方索赔未结算租金每天万分之五的利息。
        </p>
        <p style={paddingRi}>
          4.3 甲方获得的订单租金收入，可开具同等金额的服务费用发票给乙方(6%增值税专用发票）。
        </p>
        <h3>第五条 风险声明</h3>
        <p style={paddingRi}>
          5.1
          乙方理解并确认，甲方平台基于芝麻信用、第三方风控大数据以及自身风控策略输出的免押额度等仅供乙方参考，甲方平台本着审慎的态度，不作任何明示或暗示的保证、担保，除甲方被证明是故意欺骗导致乙方遭受损失的情况外，甲方对乙方使用平台免押额度所做出的任何判断、决策、行为引发或导致的结果不承担任何责任。乙方进驻甲方平台即表示其已经接受上述免责声明，在任何情形下均不得向平台主张任何责任。
        </p>
        <p style={paddingRi}>
          5.2 在发生订单逾期时，甲方将积极配合、协助乙方进行追缴，包括不限于提供租户信息、线下资源、法律咨询等。
        </p>
        <h3>第六条 双方来往账户</h3>
        <p>甲方：南京一程飞灿网络科技有限公司</p>
        <p>开户行：中国农业银行股份有限公司南京盘城支行</p>
        <p>银行账号： 10115401040014708</p>
        <p>支付宝账号：nanjingyicheng88@163.com</p>
        <p style={{ height: '10px' }}></p>
        <p>乙方：{data.name}</p>
        <p>支付宝账户名：{data.zfbName}</p>
        <p>支付宝账号：{data.zfbCode}</p>
        <h3>第七条 保密义务</h3>
        <p style={paddingRi}>7.1定义</p>
        <p style={paddingRi}>7.1.1
          双方公司商业秘密：包括但不限于：有关公司的组织架构、人力资源、财务信息（包括但不限于各类报表）、营运制度、运维制度、管理后台网页信息、客户名单等及其他商业秘密。 </p>
        <p style={paddingRi}>7.1.2 技术秘密：包括但不限于：技术方案、计算机软件、数据库、研究开发
          记录、检测报告、程序源代码、操作手册、技术文档、相关的函电等。</p>
        <p style={paddingRi}>7.1.3
          其他商业秘密：包括但不限于：技术方案、营运手册、财务资料、资源渠道、市场资讯、推广资料等。</p>
        <p style={paddingRi}>7.2双方保守彼此商业秘密的义务</p>
        <p style={paddingRi}>7.2.1除了正常经营的需要之外，双方承诺，
          未经对方书面授权，不得窃取、复制截图或以泄露、告知、公布、出版、传授、转让或者其他任何方式使任何第三方知悉属于第7.1款定义的双方的商业秘密或者技术秘密或其他商业秘密信息，也不得在履行职务之外使用这些秘密信息。</p>
        <p style={paddingRi}>7.2.2任意一方如违反协议中的保密义务，应承担违约责任。</p>
        <p
          style={paddingRi}>7.2.3任意一方如将商业秘密泄露给第三人或使用商业秘密使对方公司遭受损失的，泄露方应对对方公司进行赔偿，其赔偿数额不少于由于其违反义务所给对方带来的损失。</p>
        <h3>第八条 法律适用、管辖和争议解决</h3>
        <p style={paddingRi}>8.1
          本协议根据中华人民共和国的法律签订，其解释和执行也适用中华人民共和国的相关法律、法规和规章。</p>
        <p style={paddingRi}>8.2
          因解释和执行本协议所发生的一切争议，以及与本协议相关的一切争议，由双方友好协商解决。未能协商一致解决的，提交甲方所在地有管辖权法院解决。</p>
        <h3>第九条 特别声明</h3>
        <p style={paddingRi}>
          9.1
          乙方不得以租赁的名义直接或间接从事信用贷业务，一经发现或被客户举报，甲方立即对乙方的一切服务并冻结所有资金，移交公安机关查处。乙方由此给甲方造成损失（包括但不限于经济损失、商誉损失、向第三方的赔偿、行政处罚）的，乙方应向甲方承担全部赔偿责任。
        </p>
        <p style={paddingRi}>
          9.2 平台禁止任何形式暴力、辱骂、恐吓等形式催款、服务、售后行为，一旦接到客户投诉并查实（短信截图或录音等）平台将下架商家产品1个月，情节严重的，直至关闭店铺。
        </p>
        <p style={paddingRi}>
          9.3
          平台禁止商家出售假冒伪劣产品，或以次充好，或过度夸大描述(包括不限于性能、功能、成新等），出现一次以上客诉，平台查实后下架商品一个月，并同时冻结商家租金提现;出现两次以上客诉，平台查实后，有权永久关闭商家店铺，冻结商家租金提现，直至赔付租户损失工作处理完毕。
        </p>
        <p style={paddingRi}>
          9.4
          为经营合规和违法后追缴，乙方线下交货的，须保留每个订单发货凭证（见附件一），甲方有权抽查或要求提供全部订单发货凭证，若乙方不能提供所要求的发货凭证，甲方有权关闭乙方在平台所有订单，并关闭店铺，调查取证后存在违法行为的，将移交公安机关处理。
        </p>
        <h3>第十条 反贿赂条款</h3>
        <p style={paddingRi}>
          乙方保证并承诺，在本服务提供过程中，乙方工作团队成员严格遵守中国相关的反贿赂、反行贿及反不正当竞争法的相关法律法规规定，不得从事违反相关法律法规的行为。乙方自身不得并应促使其员工、代表、合作伙伴，为获得和保留本合作业务或谋求与本合作相关的不正当的商业优势，直接或间接向甲方的员工或代理人给付或承诺给付任何违反中国相关的反贿赂、反行贿或反不正当竞争法律法规的报酬、礼物以及其他有价值的物品或利益，或接受甲方员工或代理人的返利。
        </p>
        <p style={paddingRi}>
          若乙方违反上述反贿赂条款，甲方有权立即终止合作，包括不限于关闭乙方店铺等。
        </p>
        <h3>第十一条 其他</h3>
        <p style={paddingRi}>
          1、本协议生效后，
          任何一方不得单方面解除本协议。但是由于不可抗力或由于甲方虽无过失但无法防止的外因致使本合同无法履行除外。因为甲方提供的“方便租＂软件及相关服务是按照现有技术和条件所能达到的现状提供的。甲方会尽最大努力向乙方提供服务，确保服务的连贯性和安全性。但是甲方不能随时或始终预见和防范法律、技术以及其他风险，包括但不限于不可抗力，网络原因、第三方服务瑕疵、第三方网站等原因可能导致的服务中断、不能正常使用“方便租＂软件及相关服务以及其他的损失和风险。
        </p>
        <p style={paddingRi}>
          2、因乙方经营异常的，包括不限于贷款行为、服务态度恶劣、假冒伪劣产品、缺失发货凭证等，或乙方拒不配合复核查验的，或违反反贿赂条款，甲方下架商品或关闭店铺的，在乙方店铺开通后，甲方有权不退还已收取的服务费。
        </p>
        <p style={paddingRi}>
          3、 本协议未尽事宜，由双方协商，以书面形式签订补充协议。补充协议为本协议不可分割的一部分，与本协议具有同等法律效力。
        </p>
        <p style={paddingRi}>
          4、本协议本协议到期双方无异议，乙方支付次年费用后，自动延续一年。若到期乙方未续费，甲方有权关闭店铺。
        </p>
        <p style={paddingRi}>
          5、本协议一式两份， 经乙方确认并付款至甲方后生效。
        </p>
        <p style={paddingRi}>
          6、甲方向乙方寄出盖章后的两份合同原件，乙方盖章后有义务回寄一份合同原件给甲方。
        </p>
        <p style={paddingRi}>
          7、乙方附承诺函一份给甲方（见附件二）。
        </p>
        <p style={paddingRi}>
          （以下无正文）
        </p>
        <br/>
        <p>甲方：南京一程飞灿网络科技有限公司</p>
        <p>签约时间：{data.createTime}</p>
        <br/>
        <p>乙方：{data.name}</p>
        <p>签约时间：{data.createTime}</p>
        <br/>
        <div
          style={{
            margin: '30px 0',
            textAlign: 'center',
          }}
        >
          <Button
            style={{
              marginRight: 70,
              width: 120,
            }}
            onClick={this.props.history.goBack}
          >
            取消
          </Button>
          <Button
            type="primary"
            style={{
              width: 120,
            }}
            onClick={this.onGo}
          >
            确定
          </Button>
        </div>
        <Modal
          visible={this.state.signOpened}
          onOk={this.hideModal}
          closable={false}
          footer={[
            <Button key="submit" type="primary" onClick={this.hideModal}>确认</Button>
          ]}
        >
          <p style={{ marginTop: '30px', textAlign: 'center', fontWeight: 'bolder', fontSize: '16px' }}>
            <Icon type="check-circle" theme="twoTone" twoToneColor="#08b9a5"
                  style={{ fontSize: '50px', paddingRight: '10px' }}/>
            商家合约签署成功，请稍后刷新店铺信息页面查看！
          </p>
          <p style={{ textAlign: 'center', color: '#08b9a5' }}>已成功使用您的CA证书签署成功</p>
        </Modal>
      </div>
    );
  }
}
